﻿<phone:PhoneApplicationPage 
    x:Class="WPControla.Client.Views.ViewChapter"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True" DataContext="{Binding ChapterViewModel, Source={StaticResource locator}}"
	shell:SystemTray.BackgroundColor="#FF25A0DB" shell:SystemTray.ForegroundColor="LightBlue">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="{StaticResource BackgroundColor}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="220"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <Rectangle Opacity=".1" Grid.RowSpan="3">
            <Rectangle.Fill>
                <ImageBrush ImageSource="/SplashScreenImage.jpg" />
            </Rectangle.Fill>
        </Rectangle>

        <TextBlock Text="{Binding Item.Title}" Foreground="White"
                   FontSize="{StaticResource PhoneFontSizeExtraLarge}"
                   Margin="12,12,12,0"
                   TextWrapping="Wrap">
        </TextBlock>
        
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="222"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Border Margin="12,10,10,10" Grid.Column="0" BorderBrush="LightBlue" BorderThickness="1">
                <Image Source="/WPControla.Client;component/images/header_logo.jpg"
                       Stretch="Fill"></Image>
            </Border>
            
            <StackPanel Grid.Column="1" Margin="12,10,12,10">
                <TextBlock Foreground="LightBlue" FontSize="{StaticResource PhoneFontSizeLarge}"
                           Text="{Binding Item.Authors}" TextWrapping="Wrap"></TextBlock>
                <TextBlock Foreground="White" FontSize="{StaticResource PhoneFontSizeLarge}"
                           Text="WPControla" TextWrapping="Wrap"></TextBlock>
            </StackPanel>
        </Grid>
        
        <phone:WebBrowser Name="browser" Grid.Row="2"></phone:WebBrowser>
        
    </Grid>
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar Opacity=".55">
            <shell:ApplicationBarIconButton x:Name="btnPlay" IconUri="/images/appbar.play.png" Text="Reproducir"
                                                Click="btnPlay_Click">
            </shell:ApplicationBarIconButton>
            <shell:ApplicationBar.MenuItems>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
</phone:PhoneApplicationPage>
   
